<template>
	<div class="CollectList">
		<div class="head_two"> 
			<i class="iconfont icon-mine_left" @click="$router.back(-1)"></i>
			<span>贵妃醉酒片</span>
		</div>
		<div class="list_cont">
			 <ul class="list_uls">
			 	<li>
				 	<p class="p_one"><span>日内反转形成二次突破 战略 性布局红包机会日内反转形成二次突破 战略 性布局红包机会</span><i><img src="" alt="加载失败"></i></p>
				 	<p class="p_two"><a>南京交会所</a><span>2017-05-16  14:23</span></p>
				 </li> 
			 </ul>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default{
		name:'CollectList',
		data(){
			return{

			}
		}
	}
</script>
<style scoped>
	.list_uls{
		width: 100%;
	}
	.list_uls li{
		width: 100%;
		padding:0.2rem 0.4rem;
		background-color: #fff; 
		margin-bottom:0.1333333333rem;
		overflow: hidden;
	}
	.list_uls li p{
		float: left;
		width: 100%;
	}
	.list_uls li .p_one span{
		width: 69%; 
		font-size:0.4266666667rem;
		color: #333;
		line-height: 1.5em;
		margin-top:0.2666666667rem;
		height:1.3333333333rem; 
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		float: left;
	}
	.list_uls li .p_one i{
		width: 30%;
		display: inline-block;
		height: 1.9466666667rem;
		float: right;
		/* border:1px solid #ccc; */
	}
	.list_uls li .p_one i img{
		width: 100%;
		height: 100%;
	}
	.list_uls li .p_two{
		margin-top:0.1333333333rem;
		font-size: 0.3466666667rem;
		color: #999999;
	}
	.list_uls li .p_two a{
		font-size: 0.3466666667rem;
		color: #999999;
	}
	.list_uls li .p_two span{
		float: right;
	}


</style>